.content {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	background-color: var(--color-bg-3);

	.settings-list {
		min-height: calc(100vh - 8rem);
		margin: 0 1.5rem 1.5rem;
		padding: 0.75rem 1.5rem 0 1.5rem;
		background-color: var(--color-bg);

		.table {
			width: 100%;
			margin-top: -1rem;
			border-collapse: separate !important;
			border-spacing: 0 1.25rem;

			tr {
				border-radius: 2px;
				box-shadow: inset 0px 0px 0px 1px #ddd;
				user-select: none;
			}

			.icon-col {
				width: 7.5rem;

				.icon {
					margin: 1.5rem 1.5rem 1.5rem 2.5rem;
					vertical-align: middle;
				}
			}

			.description-col {
				padding-right: 1rem;

				.title {
					margin: 0;
					color: var(--color-text-0);
					font-size: 16px;
				}

				.note {
					padding-top: 0.5rem;
					color: var(--color-text-2);
					font-size: 12px;
				}
			}

			.action-name-col {
				line-height: 1.5rem;
				white-space: nowrap;
				text-align: right;
				.field {
					margin-left: 1.5rem;
				}
			}

			.action-col {
				padding-right: 4rem;
				line-height: 1.5rem;
				white-space: nowrap;
				.field {
					margin-left: 1.5rem;
				}
			}
		}

		.goto-setting {
			margin-left: 1.5rem;
			color: var(--color-5);
			cursor: pointer;
		}
	}
}
.deldia {
	margin-top: 12vh !important;
	.dialogTitle {
		margin-bottom: 1rem;
	}
	.tableBox {
		width: 550px;
		max-height: 358px;
		overflow-x: hidden;
		overflow-y: auto;
		border: 1px solid #e7eaef;
		.table {
			width: 100%;
			max-height: 17.25rem;
			overflow: auto;
			border-spacing: 0;

			.head {
				text-align: center;
				background-color: var(--color-bg-2);
				& > td {
					position: sticky;
					top: 0;
					z-index: 99;
					height: 2.25rem;
					color: #686c78;
					font-weight: normal;
					white-space: nowrap;
					text-align: left;
					word-wrap: break-word;
					background: var(--color-bg-2);
					border-bottom: 1px solid var(--color-border-2);
				}
				.td1 {
					padding-left: 1.25rem;
				}
			}
			tbody {
				position: relative;
				.row {
					& > td {
						height: 2rem;
						padding-bottom: 0;
						color: #2a2b31;
						white-space: nowrap;
						text-align: left;
						word-wrap: break-word;
						border-bottom: 1px solid var(--color-border-2);
					}
					.td1 {
						width: 7rem;
						padding-left: 1.25rem;
					}
					.tdc1 {
						width: 7rem;
					}
					.td2 {
						width: 13rem;
					}
					.td3 {
						width: 8rem;
					}
				}
			}
		}
	}

	.footer {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 1.5rem;
	}
}
